<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/9/11 0011
  Time: 20:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fnt" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<%
    String path = request.getContextPath();
%>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/manage/js/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/manage/js/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="/manage/js/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="/manage/css/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="/manage/js/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>修改问题选项</title>
    <meta name="keywords" content="H-ui.admin v3.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="H-ui.admin v3.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-admin-add">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>问题题目：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" style="width: 500px;" disabled value="${requestScope.subject}"/>
            </div>
        </div>
        <c:forEach items="${requestScope.answers}" var="answer" varStatus="stat">
            <div class="row cl">
                <c:if test="${answer.trueAnswer}" var="isTrue">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>正确选项：</label>
                </c:if>
                <c:if test="${not isTrue}">
                    <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>错误选项：</label>
                </c:if>
                <div class="formControls col-xs-8 col-sm-9">
                    <span>
                        <input type="text" class="input-text" data-id="${answer.id}" style="width: 500px;" disabled value="${answer.answerContent}"/>
                         <a href="javascript:void(0);" class="updateAnswer">
                             <img src="/manage/images/picture/update.png" style="width: 20px;height: 20px;" class="updateAnswer">
                         </a>
                    </span>
                </div>
            </div>
        </c:forEach>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/manage/js/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/manage/js/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/manage/css/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/manage/css/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/manage/js/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="/manage/js/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="/manage/js/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    $(function(){
        //点击修改,文本域可以编辑
        $(".updateAnswer").click(function () {
            $(this).prev().attr("disabled",false);
        });
        //光标离开，提交文本域修改的信息
        $(".input-text").blur(function () {
            var id=$(this).data("id");
            var answerContent=$(this).val();
            alert(answerContent);
            var data={id:id,answerContent:answerContent};
            $.ajax({
                url:"/manage/question/update-answer",
                data:data,
                async:true,
                success:function () {
                    alert("修改成功!");
                }
            });
        });
    });
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>